<template>
	<view class="cu-modal" :class="modals=='iccidErrorModal'?'show':''" @touchmove.stop.prevent="()=>{return}" @tap="hideModal">
		<view class="cu-dialog" @tap.stop >
			<view class="cu-bar bg-primary text-white justify-end">
				<view class="content">Query Failed!</view>
				<view class="action" @tap="hideModal">
					<text class="cuIcon-close"></text>
				</view>
			</view>
			<view style="padding: 70upx 50upx;">The ICCID you entered does not exist or mistyped.</view>
		</view>
	</view>
</template>

<script>
import modalMessage from '@/utils/modal.js'
export default {
	props:{
		modalName:{
			type:String,
			default:''
		}
	},
	// emits:['update:modalName'],
    data() {
		return {
		}
    },
    onLoad(opt) {
    
    },
    onShow() {
		const { modalState,hideModal } = modalMessage(props,emit)
	},
    methods: {},
}
</script>

<style lang="less" scoped>
	@import '@/common/style/main.css';
	@import '@/common/style/uni.less';
  @import '@/common/style/icon.css';
</style>
